import React from "react";
import './wrok1.css'
import { Tabs } from 'antd';
import Chuan1 from "../../shangchuan/Chuan1";
import Chuan2 from "../../shangchuan/chuan2";
import Chuan3 from "../../shangchuan/chuan3";
import type { TabsProps } from 'antd';
function Wrok1() {
    const items: TabsProps['items'] = [
  {
    key: '1',
    label: '图片',
    children:<Chuan1></Chuan1> ,
  },
  {
    key: '2',
    label: '视频',
    children: <Chuan2></Chuan2>,
  },
  {
    key: '3',
    label: '音频',
    children: <Chuan3></Chuan3>,
  },
];

const onChange = (key: string) => {
  console.log(key);
};
  return (
    <div>
      <div className="top1-top">
        <div>
          <h3>我的上传</h3>
        </div>
        <div>
            <button className="btn">上传素材</button>
            <button className="btn1">v</button>
        </div>
      </div>
      <input type="text" className="inp" placeholder="搜索素材"/>
      <img className="top-fangda" src={require('../../../images/fangdajing.png')} alt="" />
      <div><Tabs defaultActiveKey="1" items={items} onChange={onChange} /></div>
    </div>
  );
}

export default Wrok1;
